// 黑暗颜色
html.dark {
	color-scheme: light dark;

	/* 文本颜色 */
	--text-color-1: #e5eaf3;
	--text-color-2: #cfd3dc;
	--text-color-3: #a3a6ad;
	--text-color-4: #82848a;
	--text-color-5: #6c6e72;
	--text-color-6: #555659;

	/* 边框颜色 */
	--border-color-1: #636466;
	--border-color-2: #58585b;
	--border-color-3: #4c4d4f;
	--border-color-4: #414243;
	--border-color-5: #363637;
	--border-color-6: #2b2b2c;

	/* 填充颜色 */
	--fill-color-1: #424243;
	--fill-color-2: #39393a;
	--fill-color-3: #303030;
	--fill-color-4: #262727;
	--fill-color-5: #1e1e1e;
	--fill-color-6: #141414;

	/* 鼠标悬浮背景色 */
	--mouse-hover-bg-color-1: rgb(255 255 255 / 6%);
	--mouse-hover-bg-color-2: rgb(255 255 255 / 10%);
	--mouse-hover-bg-color-3: rgb(255 255 255 / 15%);
	--mouse-hover-bg-color-4: rgb(255 255 255 / 20%);

	/* 滚动条颜色 */
	--scrollbar-thumb-color: #606060;

	/* 侧边栏容器背景色 */
	--aside-bg-color: #252526;

	/* mrakdown文档区背景色 */
	--markdown-body-bg-color: rgba(255, 255, 255, 0.005);

	/* 透明纯色 */
	--opacity-purity-color-2: rgba(255, 255, 255, 2%);
	--opacity-purity-color-4: rgba(255, 255, 255, 4%);
	--opacity-purity-color-6: rgba(255, 255, 255, 6%);
	--opacity-purity-color-8: rgba(255, 255, 255, 8%);
	--opacity-purity-color-10: rgba(255, 255, 255, 10%);
	--opacity-purity-color-12: rgba(255, 255, 255, 12%);
	--opacity-purity-color-14: rgba(255, 255, 255, 14%);
	--opacity-purity-color-16: rgba(255, 255, 255, 16%);
	--opacity-purity-color-18: rgba(255, 255, 255, 18%);
	--opacity-purity-color-20: rgba(255, 255, 255, 20%);
	--opacity-purity-color-22: rgba(255, 255, 255, 22%);
	--opacity-purity-color-24: rgba(255, 255, 255, 24%);
	--opacity-purity-color-26: rgba(255, 255, 255, 26%);
	--opacity-purity-color-28: rgba(255, 255, 255, 28%);
	--opacity-purity-color-30: rgba(255, 255, 255, 30%);
}

// 明亮颜色
html:not(.dark) {
	color-scheme: light;

	/* 文本颜色 */
	--text-color-1: #202020;
	--text-color-2: #404040;
	--text-color-3: #707070;
	--text-color-4: #a1a1a1;
	--text-color-5: #afb3ba;
	--text-color-6: #c0c4cc;

	/* 边框颜色 */
	--border-color-1: #cdd0d6;
	--border-color-2: #d4d7de;
	--border-color-3: #dcdfe6;
	--border-color-4: #e4e7ed;
	--border-color-5: #ebeef5;
	--border-color-6: #f2f6fc;

	/* 填充颜色 */
	--fill-color-1: #dedede;
	--fill-color-2: #e6e6e6;
	--fill-color-3: #ebebeb;
	--fill-color-4: #ededed;
	--fill-color-5: #f7f7f7;
	--fill-color-6: #fcfcfc;

	/* 鼠标悬浮背景色 */
	--mouse-hover-bg-color-1: rgb(0 0 0 / 6%);
	--mouse-hover-bg-color-2: rgb(0 0 0 / 10%);
	--mouse-hover-bg-color-3: rgb(0 0 0 / 15%);
	--mouse-hover-bg-color-4: rgb(0 0 0 / 20%);

	/* 滚动条颜色 */
	--scrollbar-thumb-color: #ababab;

	/* 侧边栏容器背景色 */
	--aside-bg-color: #fafafa;

	/* mrakdown文档区背景色 */
	--markdown-body-bg-color: rgba(255, 255, 255, 0.005);

	/* 透明纯色 */
	--opacity-purity-color-2: rgba(0, 0, 0, 2%);
	--opacity-purity-color-4: rgba(0, 0, 0, 4%);
	--opacity-purity-color-6: rgba(0, 0, 0, 6%);
	--opacity-purity-color-8: rgba(0, 0, 0, 8%);
	--opacity-purity-color-10: rgba(0, 0, 0, 10%);
	--opacity-purity-color-12: rgba(0, 0, 0, 12%);
	--opacity-purity-color-14: rgba(0, 0, 0, 14%);
	--opacity-purity-color-16: rgba(0, 0, 0, 16%);
	--opacity-purity-color-18: rgba(0, 0, 0, 18%);
	--opacity-purity-color-20: rgba(0, 0, 0, 20%);
	--opacity-purity-color-22: rgba(0, 0, 0, 22%);
	--opacity-purity-color-24: rgba(0, 0, 0, 24%);
	--opacity-purity-color-26: rgba(0, 0, 0, 26%);
	--opacity-purity-color-28: rgba(0, 0, 0, 28%);
	--opacity-purity-color-30: rgba(0, 0, 0, 30%);
}

// 公共颜色
:root {
	// 主题色
	--theme-main-color: #409eff; /* 主色 */
	--theme-success-color: #67c23a; /* 成功色 */
	--theme-warning-color: #e6a23c; /* 警告色 */
	--theme-danger-color: #f56c6c; /* 危险色 */
	--theme-info-color: #909399; /* 信息色 */

	// 底部状态栏背景色
	--statusbar-bg-color: #007acc;

	// body 背景色
	--body-bg-color: var(--fill-color-5);
}
